<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--  Vue  -->
    <script src="lib/vue.js"></script>
</head>
<body>
    <div id="root"></div>
</body>
<script>
    // 1- data中声明的属性会作为Vue实例属性
    // 2- Vue实例属性中拥有$data,$data的引用地址与配置对象中的data相同的。
    // vm称为vue实例。
    // 实例化Vue时需要传递一个对象，该对象称为Vue配置对象。对象中的属性称为选项。
    const data = {
		str:"abcdefg"
    }
    const vm = new Vue({
        el:"#root",// 挂载的位置
        // 数据:data中声明的一些属性会作为vue实例属性。
        // data:{
		// 	str:"abcdefg"
        // }
        data
    });
	console.log(vm,vm.str);
	console.log(vm.$data===data);// true
</script>
</html>